/*接口文档样式*/


body { margin: 0; padding: 0; overflow: hidden; }
#top { padding: 10px; width: 100%;min-height: 20px; background: #000; color: #fff; }
#outApi { margin-right: 30px; color: #0088cc; float: right; }
#add { margin-left: 20px; color: #0088cc; }
#outApi:hover, #add:hover { color: #fff; }
#tongji { margin-left: 60px; color: #888; }

#leftMenu { width: 200px; background: #eee; color: #333; overflow-x: hidden; overflow-y: auto; float: left; }
#leftMenu .lm { padding: 10px; color: #555; background: #eee; font-weight: bolder; border-left: 4px solid #eee; border-right: 4px solid #eee; cursor: pointer; }
#leftMenu .lm:hover, #leftMenu .lmclick { color: #0088cc; background: #fff; border-left: 4px solid #00b7ee; border-right: 4px solid #00b7ee; }

#body { background: #fff; overflow-x: hidden; overflow-y: auto; float: left; }
#body div { margin: 20px; }
#body .title { padding: 5px 0; padding-left: 10px; background: #eee; border-left: 5px solid #00B83F; }
#body .title a { margin-right: 10px; color: #0088CC; float: right; }
#body .way { padding: 10px; background: #000; color: #fff; }
#body .apibody { margin-left: 20px; width: 90%; background: #333; color: #fff; }
#body .apibody th { background: #333; line-height: 40px; }
#body .apibody td { background: #555; text-align: center; line-height: 40px; }
#body td.remark { padding-left: 20px; text-align: left; }
#body .jsonbody { margin: 0 2%; padding: 10px; width: 90%; height: 160px; background: #000; color: #fff; resize: none; }

/*滚动条*/
#leftMenu::-webkit-scrollbar,
#body::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 5px; /* 设置滚动条的宽度 */
    background-color: #f1f1f1; /* 设置滚动条的背景颜色 */
}
#leftMenu::-webkit-scrollbar-thumb,
#body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); /* 滚动条区域底色 */
    opacity: 0.2;
    background-color: #888; /* 设置滑块的背景颜色 */
}
#leftMenu::-webkit-scrollbar-track,
#body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); /* 滚动条区域底色 */
    background-color: #f1f1f1;
}
#leftMenu, #body, textarea {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}